.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.tiao{
    border:2px solid #000;
     background:rgba(88,69,12,0.7);
    padding:2% 4%;
   position: fixed;
   right: 1.5%;
   top:1.5%;
   .px2rem(border-radius,20);
    .px2rem(font-size,30);
    font-family: "华文琥珀";
   color:#fff;
   z-index: 999;
}
.swiper-slide{
  height: 100vh;
   background-repeat: no-repeat;
    background-size: 100%;    
}
.swiper-container-horizontal>.swiper-pagination-bullets{
  left: 0;
  bottom:5.5%;
   span{
   .px2rem(width,20);
    .px2rem(height,20);
  
  opacity: 0.8;
  }
};
 h1{
    width: 10%;
     margin: 30% auto 0;
    text-align:center;
    .px2rem(font-size,90);
    font-family: "华文琥珀";
   }
   p{
    .px2rem(width,44);
     margin: 0 auto;
      text-align:center;
    .px2rem(font-size,40);
    
   }
.swiper-slide:nth-child(1){
    background-image:url(../images/guidance.png);
};

.swiper-slide:nth-child(2){
    background-image:url(../images/guidance2.png); 
};
.swiper-slide:nth-child(3){
    background-image:url(../images/guiat3.png); 
};
.swiper-slide:nth-child(4){
    background-image:url(../images/guoerd4.png); 
    position: relative;
    left:0;
    top:0;
    h2{
       width: 30%;
     margin: 25% auto 0;
    text-align:center;
    padding:3% 5%;
    color:#fff;
    .px2rem(border-radius,20);
    .px2rem(font-size,30);
   border:2px solid #fff;
   background:rgba(88,69,12,0.7)
    }
    i{

    }
};